/* stylelint-disable no-descending-specificity */
@include b(radio) {
  @include e(text) {
    font-size: getCssVar(form-item, font-size);
    color: getCssVar(form-item, text-color);
  }

  @include m(readonly) {
    font-size: getCssVar(form-item, font-size);
    line-height: getCssVar(editor, default, line-height);
    color: getCssVar(form-item, readonly-color);
  }

  @include e(button) {
    @include m(round-corner){
      margin-right: getCssVar(spacing, base-loose);

      &.el-radio-button.is-active {
        .el-radio-button__inner {
          color: getCssVar(color, primary);
          background-color: getCssVar(color, secondary, light, default);
          border-color: getCssVar(color, secondary, light, default);
        }

        .el-radio-button__original-radio:checked+.el-radio-button__inner {
          box-shadow: none;
        }
      }

      &.el-radio-button .el-radio-button__inner {
        padding: getCssVar('spacing', 'tight') getCssVar('spacing', 'base');
        background-color: getCssVar(color, tertiary, light, hover);
        border-color: getCssVar(color, tertiary, light, hover);
        border-radius: getCssVar(height-control, default);

        &:nth-last-child(1) {
          margin: 0;
        }
      }

      &.el-radio-button.is-disabled {
        &.is-active .el-radio-button__inner {
          border: getCssVar('border-thickness', 'control') solid getCssVar(color, disabled, text);
        }

        .el-radio-button__inner {
          color: getCssVar(color, disabled, text);
          background: getCssVar(color, disabled, bg);
          border-color: getCssVar(color, disabled, border);
        }
      }
    }
  }
}


@include b(form-item){

  @include b(radio) {
    @include when(show-default){
      padding: getCssVar(form-item, hover-edit-padding);
    }
  }
}